<!--<template>-->
<!--  <el-popover-->
<!--    placement="bottom-end"-->
<!--    width="550"-->
<!--    trigger="click">-->
<!--    <el-tabs v-model="countryLevel" tab-position="left" @tab-click="countryTabClick">-->
<!--      <el-tab-pane label="大陆" name="firstTab">-->
<!--        <el-tabs v-model="cnLevel" type="card">-->
<!--          <el-tab-pane label="热门" name="first">-->
<!--            <div class="_citys1">-->
<!--              <el-button v-for="(item, index) in hotCitys" size="mini"-->
<!--                         @click="hotPlaceFormat(item.value)">{{item.label}}-->
<!--              </el-button>-->
<!--            </div>-->
<!--          </el-tab-pane>-->
<!--          <el-tab-pane label="省份" name="second">-->
<!--            <div class="_citys1">-->
<!--              <div class="zoneBox">-->
<!--                <span>东北</span>-->
<!--                <el-button size="mini" @click="getCNCity('210000','辽宁省')">辽宁省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('220000','吉林省')">吉林省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('230000','黑龙江省')">黑龙江省</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>华北</span>-->
<!--                <el-button size="mini" @click="getCNCity('110000','北京')">北京</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('120000','天津')">天津</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('130000','河北省')">河北省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('140000','陕西省')">陕西省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('150000','内蒙古自治区')">内蒙古自治区</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>华东</span>-->
<!--                <el-button size="mini" @click="getCNCity('310000','上海')">上海</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('320000','江苏省')">江苏省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('330000','浙江省')">浙江省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('340000','安徽省')">安徽省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('350000','福建省')">福建省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('360000','江西省')">江西省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('370000','山东省')">山东省</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>华中</span>-->
<!--                <el-button size="mini" @click="getCNCity('410000','河南省')">河南省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('420000','湖北省')">湖北省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('430000','湖南省')">湖南省</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>华南</span>-->
<!--                <el-button size="mini" @click="getCNCity('440000','广东省')">广东省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('450000','广西壮族自治区')">广西壮族自治区</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('460000','海南省')">海南省</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>西北</span>-->
<!--                <el-button size="mini" @click="getCNCity('610000','陕西省')">陕西省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('620000','甘肃省')">甘肃省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('630000','青海省')">青海省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('640000','宁夏回族自治区')">宁夏回族自治区</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('650000','新疆维吾尔自治区')">新疆维吾尔自治区</el-button>-->
<!--              </div>-->
<!--              <div class="zoneBox">-->
<!--                <span>西南</span>-->
<!--                <el-button size="mini" @click="getCNCity('500000','重庆')">重庆</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('510000','四川省')">四川省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('520000','贵州省')">贵州省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('530000','云南省')">云南省</el-button>-->
<!--                <el-button size="mini" @click="getCNCity('540000','西藏自治区')">西藏自治区</el-button>-->
<!--              </div>-->
<!--            </div>-->
<!--          </el-tab-pane>-->
<!--          <el-tab-pane label="城市" name="third">-->
<!--            <el-button v-for="(item, index) in CNCitys" size="mini"-->
<!--                       @click="cityPlaceFormat(item.label)">{{item.label}}-->
<!--            </el-button>-->
<!--          </el-tab-pane>-->
<!--        </el-tabs>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="港澳台" name="secondTab">-->
<!--        <el-tabs v-model="gatLevel" type="card">-->
<!--          <el-tab-pane label="港澳台" name="first">-->
<!--            <div class="_citys1">-->
<!--              <el-button v-for="(item, index) in gatCitys" size="mini"-->
<!--                         @click="hotPlaceFormat(item.value)">{{item.label}}-->
<!--              </el-button>-->
<!--            </div>-->
<!--          </el-tab-pane>-->
<!--        </el-tabs>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="国际" name="thirdTab">-->
<!--        <el-tabs v-model="gatLevel" type="card">-->
<!--          <el-tab-pane label="国际" name="first">-->
<!--            <el-select v-model="placeAbroad" filterable remote-->
<!--              :remote-method="remoteMethod"-->
<!--              @change="placeAbroadChange"-->
<!--              placeholder="搜索更多国家" style="margin: 0 0 13px 50px;width: auto">-->
<!--              <el-option v-for="(item, index) in globalCountrys" :key="index"-->
<!--                         :label="item.label"-->
<!--                         :value="item.value+'-'+item.label"></el-option>-->
<!--            </el-select>-->
<!--            <div class="_citys1">-->
<!--              <div class="zoneBox">-->
<!--                <span>热门</span>-->
<!--                <el-button v-for="(item, index) in hotGlobalCountrys" size="mini"-->
<!--                           @click="hotAbroadPlaceFormat(item.label, item.value)">{{item.label}}</el-button>-->
<!--              </div>-->
<!--            </div>-->
<!--          </el-tab-pane>-->
<!--        </el-tabs>-->
<!--      </el-tab-pane>-->
<!--    </el-tabs>-->


<!--    <el-input v-model="place" slot="reference"></el-input>-->
<!--  </el-popover>-->
<!--</template>-->

<!--<script>-->
<!--  // import {ytoglobel_country_list, getALLProvList} from "../config/standardFreight/service/getC5Data";-->

<!--  export default {-->
<!--    name: "citys",-->
<!--    data() {-->
<!--      return {-->
<!--        place: '',-->
<!--        placeAbroad: '',-->
<!--        hotCitys: [{-->
<!--          value: '北京-北京市',-->
<!--          label: '北京',-->
<!--        }, {-->
<!--          value: '上海-上海市',-->
<!--          label: '上海',-->
<!--        }, {-->
<!--          value: '广东省-广州市',-->
<!--          label: '广州',-->
<!--        }, {-->
<!--          value: '江苏省-苏州市',-->
<!--          label: '苏州',-->
<!--        }, {-->
<!--          value: '江苏省-苏州市',-->
<!--          label: '南京',-->
<!--        }, {-->
<!--          value: '浙江省-杭州市',-->
<!--          label: '杭州',-->
<!--        }, {-->
<!--          value: '广东省-深圳市',-->
<!--          label: '深圳',-->
<!--        }, {-->
<!--          value: '重庆-重庆市',-->
<!--          label: '重庆',-->
<!--        }, {-->
<!--          value: '天津-天津市',-->
<!--          label: '天津',-->
<!--        }, {-->
<!--          value: '湖北省-武汉市',-->
<!--          label: '武汉',-->
<!--        }],-->
<!--        CNCitys: [],-->
<!--        gatCitys:[{-->
<!--          value: '香港',-->
<!--          label: '香港',-->
<!--        },{-->
<!--          value: '澳门',-->
<!--          label: '澳门',-->
<!--        },{-->
<!--          value: '台湾',-->
<!--          label: '台湾',-->
<!--        }],-->
<!--        hotGlobalCountrys: [{-->
<!--          value: 'CN',-->
<!--          label: '中国',-->
<!--        },{-->
<!--          value: 'AU',-->
<!--          label: '澳大利亚',-->
<!--        },{-->
<!--          value: 'DE',-->
<!--          label: '德国',-->
<!--        },{-->
<!--          value: 'JP',-->
<!--          label: '日本',-->
<!--        },{-->
<!--          value: 'KR',-->
<!--          label: '韩国',-->
<!--        },{-->
<!--          value: 'US',-->
<!--          label: '美国',-->
<!--        },{-->
<!--          value: 'TH',-->
<!--          label: '泰国',-->
<!--        },{-->
<!--          value: 'GB',-->
<!--          label: '英国',-->
<!--        }],-->
<!--        globalCountrys: [],-->
<!--        countryLevel: 'firstTab',-->
<!--        cnLevel: 'first',-->
<!--        gatLevel: 'first',-->
<!--        queryForm: {-->
<!--          fromCountry: '',//始发国家-->
<!--          country: '',//目的国家-->
<!--          startProv: '',//始发省名称-->
<!--          startCity: '',//始发城市名称-->
<!--          endProv: '',//目的省名称-->
<!--          endCity: '',//目的城市名称-->
<!--          beginCityCode: '',-->
<!--          beginCityName: '',-->
<!--          beginTownCode: '',-->
<!--          beginTownName: '',-->
<!--          endCityCode: '',-->
<!--          endCityName: '',-->
<!--          endTownCode: '',-->
<!--          endTownName: '',-->
<!--          length: '',-->
<!--          width: '',-->
<!--          height: '',-->
<!--          weight: '1',-->
<!--        },-->
<!--      }-->
<!--    },-->
<!--    methods: {-->
<!--      hotPlaceFormat(val) {-->
<!--        this.place = val;-->
<!--        this.$emit("placeCallBack", this.place, 'CN')-->
<!--      },-->
<!--      cityPlaceFormat(val) {-->
<!--        if (this.place.indexOf('-') > 0) {-->
<!--          let arr = [];-->
<!--          arr = this.place.split('-');-->
<!--          this.place = arr[0] + '-' + val;-->
<!--        } else {-->
<!--          this.place += '-' + val;-->
<!--        }-->
<!--        this.$emit("placeCallBack", this.place, 'CN')-->
<!--      },-->
<!--      hotAbroadPlaceFormat(val, na) {-->
<!--        this.place = val;-->
<!--        this.$emit("placeCallBack", this.place, na)-->
<!--      },-->
<!--      placeAbroadChange(val) {-->
<!--        if (val.indexOf('-') > 0) {-->
<!--          let arr = val.split('-');-->
<!--          this.place = arr[1];-->
<!--          this.$emit("placeCallBack", this.place, arr[0])-->
<!--        }-->
<!--      },-->
<!--      //code 省代码-->
<!--      getCNCity(code, name) {-->
<!--        let _this = this;-->
<!--        getALLProvList({-->
<!--          limit: 20,-->
<!--          name: "",-->
<!--          parentCode: code}, "搜索市区", res => {-->
<!--            if (res.status == 0 && res.data.items && res.data.items.length > 0) {-->
<!--            _this.CNCitys = [];-->
<!--            res.data.items.forEach(it => {-->
<!--              _this.CNCitys.push({-->
<!--                label: it.name,-->
<!--                value: it.code-->
<!--              })-->
<!--            })-->
<!--            _this.cnLevel = 'third'-->
<!--          }-->
<!--        });-->
<!--        this.place = name;-->
<!--        this.$emit("placeCallBack", this.place, 'CN')-->
<!--      },-->
<!--      remoteMethod(query) {-->
<!--        if (query == null || query === '') {-->
<!--          this.globalCountrys = [];-->
<!--          return-->
<!--        }-->
<!--        let params = {-->
<!--          name: query,-->
<!--          pageNo: 1,-->
<!--          limit: 20-->
<!--        }-->
<!--        let _this = this-->
<!--        ytoglobel_country_list(params, "国家列表", function (res) {-->
<!--          _this.globalCountrys = [];-->
<!--          if (res.status == 0 && res.data.items && res.data.items.length > 0) {-->
<!--            res.data.items.forEach(it => {-->
<!--              _this.globalCountrys.push({-->
<!--                label: it.cnname,-->
<!--                value: it.code-->
<!--              })-->
<!--            })-->
<!--          }-->
<!--        })-->
<!--      },-->
<!--      countryTabClick(tab) {-->
<!--        this.cnLevel = 'first'-->
<!--        this.CNCitys = []-->
<!--      },-->
<!--    }-->
<!--  }-->
<!--</script>-->

<!--<style scoped>-->
<!--  .el-button&#45;&#45;mini {-->
<!--    margin: 0 5px 5px 0;-->
<!--    padding: 5px 9px;-->
<!--    font-size: 14px;-->
<!--    border-radius: 3px;-->
<!--    float: left;-->
<!--  }-->
<!--  .el-button + .el-button {-->
<!--    margin-left: 0px;-->
<!--  }-->
<!--  ._citys1 {-->
<!--    width: 100%;-->
<!--  }-->
<!--  .zoneBox {-->
<!--    padding-left: 50px;-->
<!--    display: inline-block;-->
<!--  }-->
<!--  .zoneBox span {-->
<!--    line-height: 26px;-->
<!--    position: absolute;-->
<!--    left: 10px;-->
<!--    width: 50px;-->
<!--    color: #bcbcbc;-->

<!--  }-->
<!--</style>-->
